<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绑定属性</title>
</head>
<body>
    <div >
        <a href="http://www.baidu.com">百度一下</a>
    </div>
<br>
    <!--需求1.将vue中定义的heimaHref添加给该a标签-->
    <a v-bind:href="myHref">黑马一下</a>
    <!--简写-->
    <a :href="myHref">黑马一下2</a>
    <br>
    <!--需求2.动态绑定class属性-->
<div>
    <div :class="myClass">我是div</div>
</div>
</body>
<script src="../js/vue.js"></script>
<script>
    new vue({
        el:"#div",
        data:{
            myHref:"http://www.itheima.com",
            myClass:"my"
        }
    })
</script>
</html>
